html,body{
	margin: 0;
	padding: 0;
}
#all_view{
	/* background-image: url(../img/111.png); */
	width: 100vw;
	height: 100vh;
	background-size: 100% 100%;
	background-color: white;
}
#view2{
	width: 25vw;
	height: 50vh;
	background-color:rgba(0,0,0,0~1);;
}
#view1{
	width: 25vw;
	height: 17vh;
	background-color:rgba(0,0,0,0~1);;
}
#rank{
	width: 25vw;
	height: 33vh;
	background-color:rgba(0,0,0,0~1);;
}
#map{
	width: 50vw;
	height: 60vh;
	/* background-color:rgba(0,0,0,0~1); */
	position: absolute;
	top: 0vh;
	left: 25vw;
}
#view4{
	width: 25vw;
	height: 50vh;
	background-color:rgba(0,0,0,0~1);;
	position: absolute;
	top: 0px;
	left: 75vw;
}
#view5{
	width: 25vw;
	height: 50vh;
	background-color:rgba(0,0,0,0~1);;
	position: absolute;
	top: 50vh;
	left: 75vw;
}
#view6{
	width: 50vw;
	height: 36vh;
	background-color:rgba(0,0,0,0~1);;
	position: absolute;
	top: 64vh;
	left: 25vw;
}
#view7{
	width: 50vw;
	height: 4vh;
	background-color:rgba(0,0,0,0~1);;
	position: absolute;
	top: 60vh;
	left: 25vw;
}
#view8{
	width: 50vw;
	height: 1vh;
	background-color: rgba(0,0,0,0~1);
	position: absolute;
	text-align: center;
	color:black;
	font-size: 20px;
	top: 0vh;
	left: 25vw;
}
#all_view h3{
	margin: 0;
}
